<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <!-- 允许加载 http 资源 -->
    <meta
      http-equiv="Content-Security-Policy"
      content="upgrade-insecure-requests"
    />
    <title>React App</title>
    <!-- 引入svg ，不写type="image/svg+xml"也可以-->
    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
    <!-- 引入loading加载效果 -->
    <link rel="stylesheet" href="./style/loading.css" />
  </head>
  <body>
    <div id="root" class="w-full h-full">
      <!-- 白屏时的 loading 效果 -->
      <div class="loading-container">
        <div id="loadingLogo" class="loading-svg"></div>
        <div class="loading-spin__container">
          <!-- 父容器进行旋转 -->
          <div class="loading-spin">
            <div class="left-0 top-0 loading-spin-item"></div>
            <div
              class="left-0 bottom-0 loading-spin-item loading-delay-500"
            ></div>
            <div
              class="right-0 top-0 loading-spin-item loading-delay-1000"
            ></div>
            <div
              class="right-0 bottom-0 loading-spin-item loading-delay-1500"
            ></div>
          </div>
        </div>
        <div class="loading-title">Gin React Blog</div>
      </div>
    </div>
    <!-- 引入load加载效果 -->
    <script src="./js/loading.js"></script>
  </body>
</html>
